 @charset "UTF-8";
 /*css 初始化 */

 html,
 body,
 ul,
 li,
 ol,
 dl,
 dd,
 dt,
 p,
 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 form,
 fieldset,
 legend,
 img,
 input,
 select,
 a,
 th,
 td,
 textarea {
 	margin: 0;
 	padding: 0;
 }

 body {
 	font: 14px "微软雅黑", "arial narrow", helvetica;
 	color: rgb(51, 51, 51);
 	background: #F0F0F0;
 }

 a {
 	text-decoration: none;
 	color: #000;
 }

 a:hover {
 	text-decoration: none;
 	color: #5B75FA;
 }

 i,
 em {
 	font-style: normal;
 }

 b,
 strong {
 	font-weight: 100;
 }

 ul,
 ol {
 	list-style: none;
 }

 img {
 	border: none;
 }

 input {
 	outline: none;
 }

 .top_bg {
 	background-image: -moz-linear-gradient( 90deg, rgb(50, 77, 218) 0%, rgb(27, 47, 141) 100%);
 	background-image: -webkit-linear-gradient( 90deg, rgb(50, 77, 218) 0%, rgb(27, 47, 141) 100%);
 	background-image: -ms-linear-gradient( 90deg, rgb(50, 77, 218) 0%, rgb(27, 47, 141) 100%);
 }

 .bg-white {
 	background: white;
 }

 .default-color {
 	color: rgb(128, 128, 128);
 }

 .active-color {
 	color: #5B75FA;
 }

 /*万能清除浮动类*/

 .clear:after {
 	content: '';
 	display: block;
 	height: 0;
 	clear: both;
 	overflow: hidden;
 	visibility: hidden;
 }

 fieldset,
 img,
 input,
 button {
 	border: none;
 	padding: 0;
 	margin: 0;
 	outline-style: none;
 }

 /*去掉input等聚焦时的蓝色边框*/

 ul,
 ol {
 	list-style: none;
 }

 input {
 	padding-top: 0;
 	padding-bottom: 0;
 	font-family: "微软雅黑", "arial narrow", helvetica;
 }

 select,
 input {
 	vertical-align: middle;
 	background: transparent;
 	border: 0;
 }

 select {
 	appearance: none;
 	-moz-appearance: none;
 	-webkit-appearance: none;
 }

 select,
 input,
 textarea {
 	margin: 0;
 	font-size: 14px;
 }

 select:focus {
 	outline: none;
 }

 textarea {
 	resize: none;
 }

 /*防止拖动*/

 img {
 	border: 0;
 	vertical-align: middle;
 }

 * {
 	box-sizing: border-box;
 }

 /*  去掉图片低测默认的3像素空白缝隙，或者用display：block也可以*/

 table {
 	border-collapse: collapse;
 }

 /*辅助字体*/

 .text-vice {
 	color: #808080;
 }

 /*字体大小*/

 .fs12 {
 	font-size: 12px;
 }

 .fs14 {
 	font-size: 14px;
 }

 .fs17 {
 	font-size: 17px;
 }

 /*透明背景*/

 .bgt {
 	background: none;
 }

 /*45px高*/

 .h45 {
 	height: 45px;
 	line-height: 45px;
 }

 /*50px高*/

 .h50 {
 	height: 50px;
 	line-height: 50px;
 }

 /*30px高*/

 .h30 {
 	height: 30px;
 	line-height: 30px;
 }

 /*35px高*/

 .h35 {
 	height: 35px;
 	line-height: 35px;
 }

 /*40px高*/

 .h40 {
 	height: 40px;
 	line-height: 40px;
 }

 /*外边距*/

 .mar0 {
 	margin: 0;
 }

 .marT10 {
 	margin-top: 10px;
 }

 .marL20 {
 	margin-left: 20px;
 }

 .marB10 {
 	margin-bottom: 10px;
 }

 /* 两个字间隔四个字长度 */

 .letSpacing28 {
 	letter-spacing: 28px;
 }

 /* 三个字间隔四个字长度 */

 .letSpacing7 {
 	letter-spacing: 7px;
 }

 /*内边距*/

 .pad0 {
 	padding: 0;
 }

 /*圆角边框*/

 .round {
 	border-radius: 10px;
 }

 /*隐藏*/

 .hide {
 	display: none
 }

 /*左浮动*/

 .fl {
 	float: left
 }

 /*右浮动*/

 .fr {
 	float: right
 }

 /*字体居左*/

 .al {
 	text-align: left
 }

 /*字体居中*/

 .ac {
 	text-align: center
 }

 /*字体居右*/

 .ar {
 	text-align: right
 }

 /* placeholder字体颜色 */

 input::-webkit-input-placeholder,
 textarea::-webkit-input-placeholder {
 	color: rgb(128, 128, 128);
 }

 input:-moz-placeholder,
 textarea:-moz-placeholder {
 	color: rgb(128, 128, 128);
 }

 input::-moz-placeholder,
 textarea::-moz-placeholder {
 	color: rgb(128, 128, 128);
 }

 input:-ms-input-placeholder,
 textarea:-ms-input-placeholder {
 	color: rgb(128, 128, 128);
 }

 /* header共同样式*/

 header {
 	height: 64px;
 	padding-top: 17.5px;
 	color: white;
 	font-size: 17px;
 }

 header>div {
 	position: relative;
 }

 .left_btn {
 	display: block;
 	width: 12px;
 	height: 20px;
 	background: url(../img/index_icons.png) no-repeat -82px -75px;
 	background-size: 500px 110px;
 	position: absolute;
 	top: 12.5px;
 	left: 12.5px;
 }

 .right_btn {
 	font-size: 14px;
 	color: white;
 	position: absolute;
 	right: 12.5px;
 }

 /* 底部导航 */

 footer {
 	position: fixed;
 	bottom: 0;
 	width: 100%;
 	height: 49px;
 	text-align: center;
 	font-size: 12px;
 	background: white;
 }

 footer>ul {
 	width: 100%;
 	height: 100%;
 	display: flex;
 	justify-content: space-around;
 	align-items: center;
 }

 footer i {
 	display: block;
 	margin: 0 auto;
 	width: 20px;
 	height: 20px;
 }

 footer i img {
 	width: 100%;
 }

 footer .active a {
 	color: #5B75FA;
 }